<template>
	<view>
		<cu-custom bgColor="bg-blue" :isBack="false">
			<block slot="content">环兴商家版</block>
		</cu-custom>
		<view class="bg-blue radius margin-sm">
			<view class="flex justify-between padding">
				<view>
					实时概况
				</view>
				<view class="cu-tag line-white">
					今日
				</view>
			</view>
			<view class="flex margin-lr-sm">
				<view class="flex-sub  padding-sm  radius">
					<view class="text-sm">
						营业额
					</view>
					<view class="text-xl padding-tb-xs">1000</view>
				</view>
				<view class="flex-sub  padding-sm  radius">
					<view class="text-sm">
						支付订单数
					</view>
					<view class="text-xl padding-tb-xs">1000</view>
				</view>
			</view>
			<view class="flex margin-lr-sm">
				<view class="flex-sub  padding-sm  radius">
					<view class="text-sm">
						新增用户
					</view>
					<view class="text-xl padding-tb-xs">100</view>
				</view>
				<view class="flex-sub  padding-sm  radius">
					<view class="text-sm">
						支付订单数
					</view>
					<view class="text-xl padding-tb-xs">1000</view>
				</view>
				<view class="flex-sub  padding-sm  radius">
					<view class="text-sm">
						营业额
					</view>
					<view class="text-xl padding-tb-xs">1000</view>
				</view>
			</view>

		</view>
		<view class="padding bg-white margin-sm">
			<view class="flex">
				<navigator class="flex-sub padding-sm flex justify-center flex-direction align-center"
					hover-class="none" url="/pages/mall/orderinfo/order-list/index?status=2">
					<view class="text-blue">
						0
					</view>
					<view>待发货订单</view>
				</navigator>
				<navigator class="flex-sub padding-sm flex justify-center flex-direction align-center"
					hover-class="none" url="/pages/mall/orderrefund/refund-list/index">
					<view class="text-blue">
						0
					</view>
					<view>待处理退款单</view>
				</navigator>
			</view>
		</view>
		<view class="cu-list grid col-5 no-border margin-sm">
			<view class="cu-item" v-for="(item,index) in cuIconList" :key="index">
				<navigator class="content" hover-class="none" :url="item.url">
					<view :class="['cuIcon-' + item.cuIcon,'text-' + item.color]">
					</view>
					<text>{{item.name}}</text>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cuIconList: [{
					cuIcon: 'goods',
					color: 'blue',
					name: '商品管理',
					url: '/pages/mall/goodsspu/goods-list/index'
				}, {
					cuIcon: 'text',
					color: 'blue',
					name: '订单管理',
					url: '/pages/mall/orderinfo/order-list/index'
				}, {
					cuIcon: 'refund',
					color: 'blue',
					name: '退单管理',
					url: '/pages/mall/orderrefund/refund-list/index'
				}, {
					cuIcon: 'people',
					color: 'blue',
					name: '用户管理',
					url: '/pages/mall/userinfo/user-list/index'
				}, {
					cuIcon: 'sponsor',
					color: 'blue',
					name: '经营数据',
					url: '/pages/data/index'
				}, {
					cuIcon: 'clothesfill',
					color: 'blue',
					name: '皮肤'
				}, {
					cuIcon: 'discoverfill',
					color: 'blue',
					name: '发现'
				}, {
					cuIcon: 'questionfill',
					color: 'blue',
					name: '帮助'
				}, {
					cuIcon: 'commandfill',
					color: 'blue',
					badge: 0,
					name: '问答'
				}, {
					cuIcon: 'brandfill',
					color: 'blue',
					name: '版权'
				}],
			};
		},
		onLoad() {},
		methods: {}
	}
</script>

<style>
	.page {
		height: 100Vh;
		width: 100vw;
	}

	.page.show {
		overflow: hidden;
	}

	.switch-sex::after {
		content: "\e716";
	}

	.switch-sex::before {
		content: "\e7a9";
	}

	.switch-music::after {
		content: "\e66a";
	}

	.switch-music::before {
		content: "\e6db";
	}
</style>
